html{
	overflow-x: hidden;
}
.null_content{
	display: inline-block;
	width: 15px;
}
@media screen and (min-width:1300px) {
section{
	width: 80%;
	height: 1700px;
	margin: 0 auto; 
}
.center-rigth{
	float: left;
	height: 100%;
	width: 100%;
}
/**------------- 出行管理 *------------* */
.title{
	font-size: 23px;
}
/**------------- 头部的研学 *------------* */
.head{
	margin-top: 15px;
	width: 100%;
	height: 200px;
	border: 1px solid #E1E1E1;
}
/* 第一部分的出行统计 */
.count{
	height: 20%;
	width: 100%;
	margin-top: 0px;
	background-color:#F6F8F9 ;
	border: 1px solid #E1E1E1;
}
#chu{
	height: 100%;
	line-height: 35px;
	margin-left: 2%;
	color:#505050;
	font-size: 14px;
}
/* 下面的三个数字 */
#info{
	width: 100%;
	height: 80%;
}
#info ul{
	width: 100%;
	height: 100%;
}
#info ul li{
	height: 100%;
	width: 27%;
	list-style: none;
	margin-left: 0px;
	margin-right: 40px;
	float: left;
	text-align: center;
}
#ti-box{
	font-size: 17px;
	height: 100%;
	width: 100%;
}
#tiles{
	color:#505050;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.shuzi{
	font-size: 25px;
	font-weight: 500;
	margin-top: 25px;
}

/**------------- 第二部分 *------------* */
#text-center{
	height: 40%;
	width: 85%;
	margin: 2% auto;
}
/* 右边的列表 */
.text-center-left{
	height: 100%;
	float: left;
	width: 25%;
}
.zhuangtai{
	width: 100%;
	height: 10%;
	padding-left: 10%;
	padding-top: 2%;
	font-size: 15px;
	font-weight: 800;
}
.redias{
	margin-top: 4%;
	padding-left: 10%;
	font-size: 20px;
} 
.redias label{
	width: 100%;
}
/* 左边的地图 */
.text-center-right{
	height:100%;
	float: right;
	width: 70%;
}
#container{
	width: 100%;
	height: 100%;
}
/*-*------------------------- 最后的tab框 ----------------------*/
#text-center-foot{
	width: 85%;
	margin: 2% auto;
}
#app{
	width: 620px;
	margin-left: 70px;
}
.xiangqing{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 15px;
}
/*下面是tab标签*/
a{
	text-decoration: none;
	color: #3487E5;
}
/*学校出行情况*/
#bootmean{
	margin-bottom: 20px;
}
.pele_one{
	margin-bottom: 15px;
}
.peple_two{
	margin-left: 58px;
}
.chu_Time{
	margin-bottom: 15px;
}
.s_e_Time{
	margin-left: 60px;
}
.mudi{
	margin-right: 20px;
	margin-left: 2px;
}
.car_chu{
	margin-left: 8px;
}
/*出行目的地*/
.infoshow{
	margin-left: 40px;
}
.first{
	display: inline;
}
.name{
	float: left;
	margin-bottom: 20px;
}
.type{
	margin-left: 300px;
	margin-bottom: 20px;
}
#chuxing{
	margin-left: 120px;
}
.people{
	margin-left: 20px;
	margin-right: 20px;
}
.school{
	margin-top: 10px;
}
.car_info{
	margin-bottom: 10px;
}
.gen-teacher{
	margin-left: 70px;
}
/*在途休息*/
.info_list{
	margin-bottom: 30px;
}
#car_Id{
	margin-right: 60px;
}
.teacher_name{
	margin-left: 5px;
}
#dingweiqi{
	margin-right: 60px;
}
#car_techer{
	margin-right: 40px;
}
#techer_phone{
	margin-right: 40px;
}
#clas{
	width: 90px;
	margin-left: 6px;
	margin-right: 6px;
}
.teacher{
	margin-top: 15px;
	margin-left: 55px;
}
/*团队信息*/
.infos{
	width: 100%;
}
.info_left{
	float: left;
	width: 370px;
}
.info_right{
	float: right;
	height: 400px;
	width: 240px;
}
#kaoqin{
	width: 220px;
	height: 30px;
}
.student_inf{
	margin-top: 10px;
	margin-left: 60px;
	margin-bottom: 10px;
}
.info_time{
	margin-left: 30px;
	margin-bottom: 20px;
}
#kaoqin_time{
	font-weight: 500;
}
#date{
	margin-left: 18px;
	margin-right: 18px;
}
.info_size{
	float: right;
	margin-right: 35px;
}
#maps{
	margin-left: auto;
	height: 350px;
	width: 240px;
}
/*学生信息*/
.stu_info_left{
	float: left;
	width: 365px;
}
.stu_info_right{
	float: right;
	height: 400px;
	width: 240px;
}
.stu_name{
	margin-top: 10px;
	margin-bottom: 10px;
}
.stu_sex{
	margin-top: 10px;
	margin-bottom: 10px;
}
.stu_school{
	margin-top: 10px;
	margin-bottom: 10px;
}
.stu_class{
	margin-top: 10px;
	margin-bottom: 10px;
}
.stu_teacher{
	margin-top: 10px;
	margin-bottom: 10px;
}
.stu_address{
	margin-top: 10px;
	margin-bottom: 10px;
}
.stu_weilan{
	margin-top: 10px;
	margin-bottom: 10px;
}
.infoTime_ul{
	list-style: none;
}
#stu_info{
	margin-left: auto;
	height: 400px;
	width: 240px;
}	
}
@media screen and (max-width:1299px) {
	section{
		width: 1000px;
		height: 1700px;
		margin: 0 auto; 
	}
	.center-rigth{
		float: left;
		height: 100%;
		width: 100%;
	}
	/**------------- 出行管理 *------------* */
	.title{
		font-size: 20px;
	}
	/**------------- 头部的研学 *------------* */
	.head{
		margin-top: 15px;
		width: 100%;
		height: 150px;
		border: 1px solid #E1E1E1;
	}
	/* 第一部分的出行统计 */
	.count{
		height: 20%;
		width: 100%;
		margin-top: 0px;
		background-color:#F6F8F9 ;
		border: 1px solid #E1E1E1;
	}
	#chu{
		height: 100%;
		line-height: 25px;
		margin-left: 2%;
		color:#505050;
		font-size: 13px;
	}
	/* 下面的三个数字 */
	#info{
		width: 100%;
		height: 80%;
	}
	#info ul{
		width: 100%;
		height: 100%;
	}
	#info ul li{
		height: 100%;
		width: 27%;
		list-style: none;
		margin-left: 0px;
		margin-right: 40px;
		float: left;
		text-align: center;
	}
	#ti-box{
		font-size: 15px;
		height: 100%;
		width: 100%;
	}
	#tiles{
		color:#505050;
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.shuzi{
		font-size: 22px;
		font-weight: 500;
		margin-top: 25px;
	}
	
	/**------------- 第二部分 *------------* */
	#text-center{
		height: 40%;
		width: 85%;
		margin: 2% auto;
	}
	/* 右边的列表 */
	.text-center-left{
		height: 100%;
		float: left;
		width: 25%;
	}
	.zhuangtai{
		width: 100%;
		height: 10%;
		padding-left: 10%;
		padding-top: 2%;
		font-size: 15px;
		font-weight: 800;
	}
	.redias{
		margin-top: 4%;
		padding-left: 10%;
		font-size: 15px;
	} 
	.redias label{
		width: 100%;
	}
	/* 左边的地图 */
	.text-center-right{
		height:100%;
		float: right;
		width: 70%;
	}
	#container{
		width: 100%;
		height: 100%;
	}
	/*-*------------------------- 最后的tab框 ----------------------*/
	#text-center-foot{
		width: 85%;
		margin: 2% auto;
	}
	#app{
		width: 620px;
		margin-left: 70px;
	}
	.xiangqing{
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 14px;
	}
	/*下面是tab标签*/
	a{
		text-decoration: none;
		color: #3487E5;
	}
	/*学校出行情况*/
	#bootmean{
		margin-bottom: 20px;
	}
	.pele_one{
		margin-bottom: 15px;
	}
	.peple_two{
		margin-left: 58px;
	}
	.chu_Time{
		margin-bottom: 15px;
	}
	.s_e_Time{
		margin-left: 60px;
	}
	.mudi{
		margin-right: 20px;
		margin-left: 2px;
	}
	.car_chu{
		margin-left: 8px;
	}
	/*出行目的地*/
	.infoshow{
		margin-left: 40px;
	}
	.first{
		display: inline;
	}
	.name{
		float: left;
		margin-bottom: 20px;
	}
	.type{
		margin-left: 300px;
		margin-bottom: 20px;
	}
	#chuxing{
		margin-left: 120px;
	}
	.people{
		margin-left: 20px;
		margin-right: 20px;
	}
	.school{
		margin-top: 10px;
	}
	.car_info{
		margin-bottom: 10px;
	}
	.gen-teacher{
		margin-left: 70px;
	}
	/*在途休息*/
	.info_list{
		margin-bottom: 30px;
	}
	#car_Id{
		margin-right: 60px;
	}
	.teacher_name{
		margin-left: 5px;
	}
	#dingweiqi{
		margin-right: 60px;
	}
	#car_techer{
		margin-right: 40px;
	}
	#techer_phone{
		margin-right: 40px;
	}
	#clas{
		width: 90px;
		margin-left: 6px;
		margin-right: 6px;
	}
	.teacher{
		margin-top: 15px;
		margin-left: 55px;
	}
	/*团队信息*/
	.infos{
		width: 100%;
	}
	.info_left{
		float: left;
		width: 370px;
	}
	.info_right{
		float: right;
		height: 400px;
		width: 240px;
	}
	#kaoqin{
		width: 220px;
		height: 30px;
	}
	.student_inf{
		margin-top: 10px;
		margin-left: 60px;
		margin-bottom: 10px;
	}
	.info_time{
		margin-left: 30px;
		margin-bottom: 20px;
	}
	#kaoqin_time{
		font-weight: 500;
	}
	#date{
		margin-left: 18px;
		margin-right: 18px;
	}
	.info_size{
		float: right;
		margin-right: 35px;
	}
	#maps{
		margin-left: auto;
		height: 350px;
		width: 240px;
	}
	/*学生信息*/
	.stu_info_left{
		float: left;
		width: 365px;
	}
	.stu_info_right{
		float: right;
		height: 400px;
		width: 240px;
	}
	.stu_name{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.stu_sex{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.stu_school{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.stu_class{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.stu_teacher{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.stu_address{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.stu_weilan{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.infoTime_ul{
		list-style: none;
	}
	#stu_info{
		margin-left: auto;
		height: 400px;
		width: 240px;
	}	
}